﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="AccordionPanelExtended.aspx.cs" Inherits="AccordionPanelExtended" %>
<%@ Register Assembly="jQueryDotNetLib" Namespace="jQueryDotNetLib.Extenders" TagPrefix="cc2" %>
<%@ Register Assembly="jQueryDotNetLib" Namespace="jQueryDotNetLib.Controls" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="DemoTitleContentPlaceHolder" Runat="Server">
Accordion Panel, Resizeable and Draggable
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="DemoContentPlaceHolder" Runat="Server">
    <cc1:AccordionControl ID="JQueryPanel1" runat="server" Accordion="true">
        <cc1:AccordionPanel ID="Accordion1" runat="server" Text="Accordion Panel 1">
            This is Accordion panel 1
        </cc1:AccordionPanel>
        <cc1:AccordionPanel ID="Accordion2" runat="server" Text="Accordion Panel 2">
            This is Accordion panel 2
        </cc1:AccordionPanel>
        <cc1:AccordionPanel ID="Accordion3" runat="server" Text="Accordion Panel 3">
            This is Accordion panel 3
        </cc1:AccordionPanel>
        <cc1:AccordionPanel ID="Accordion4" runat="server" Text="Accordion Panel 4">
            This is Accordion panel 4
        </cc1:AccordionPanel>
    </cc1:AccordionControl>
    <cc2:Resizeable ID="Resizeable1" runat="server" Selector="#{JQueryPanel1}" />
    <cc2:Draggable ID="Draggable1" runat="server" Selector="#{JQueryPanel1}" />
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="SourceContentPlaceHolder" Runat="Server">
<pre>
    &lt;cc1:AccordionControl ID="JQueryPanel1" runat="server" Accordion="true"&gt;
        &lt;cc1:AccordionPanel ID="Accordion1" runat="server" Text="Accordion Panel 1"&gt;
            This is Accordion panel 1
        &lt;/cc1:AccordionPanel&gt;
        &lt;cc1:AccordionPanel ID="Accordion2" runat="server" Text="Accordion Panel 2"&gt;
            This is Accordion panel 2
        &lt;/cc1:AccordionPanel&gt;
        &lt;cc1:AccordionPanel ID="Accordion3" runat="server" Text="Accordion Panel 3"&gt;
            This is Accordion panel 3
        &lt;/cc1:AccordionPanel&gt;
        &lt;cc1:AccordionPanel ID="Accordion4" runat="server" Text="Accordion Panel 4"&gt;
            This is Accordion panel 4
        &lt;/cc1:AccordionPanel&gt;
    &lt;/cc1:AccordionControl&gt;
    &lt;cc2:Resizeable ID="Resizeable1" runat="server" Selector="#{JQueryPanel1}" /&gt;
    &lt;cc2:Draggable ID="Draggable1" runat="server" Selector="#{JQueryPanel1}" /&gt;
</pre>    
</asp:Content>